import { useNavigate } from "react-router-dom";
import "./index.css";

export default function () {
  const history = useNavigate();

  const navList = [
    {
      label: "公司介绍",
      path: "/a",
    },
    {
      label: "/校园招聘",
      path: "/b",
    },
    {
      label: "/了解更多",
      path: "/c",
    },
  ];

  return (
    <div className="headerBox">
      <div className="banner">
        <div className="logo">logo</div>
        <div className="nav">
          {navList.map((item) => {
            return <li onClick={() => history(item.path)}>{item.label}</li>;
          })}
        </div>
      </div>
    </div>
  );
}
